
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">

    <link rel="stylesheet" href="http://static.51zuoyeben.cn/static/css/reset.css" >
            <link rel="stylesheet" href="/css/task_style.css">
        <style type="text/css">
        @font-face
{
font-family: myFont;
src: url('http://test.51zuoyeben.cn/fonts/Aharoni-Bold.ttf');
}
.en_homework{width: 100%;background: #c8d8cc}
.home_content{width: 27.9rem;overflow: hidden; padding-bottom:1rem; margin: 0 auto;}
.homework_fir{
    margin-top: 1.0rem;
    background: #f9f9f9;
    padding-bottom: 0.5rem;
    z-index: -3;
}
.wx_list_que{font-size:1.3rem;color: #75C29A;line-height: 2.1rem;padding-bottom: 0.5rem;}
.lis_que{font-size:1.3rem;color: #75C29A;line-height: 2.1rem;border-top: 1px solid #C8D8CC;padding:0.7rem 1.2rem; margin-bottom: -1.3rem;}
.pl_audio{width: 17.825rem;height: 3.225rem;position: relative;overflow: hidden;border: 0.025rem solid #89D8A8;border-radius:2.5rem;margin: 1.275rem auto 0.5rem;}
.au_play{width: 2.325rem;height: 2.325rem;float: left;background:url('../img/bof.png') no-repeat center;margin: 0.4rem 0.425rem 0.4rem 0.575rem;border-radius: 55%;border: 1px solid #89D8A8;background-size: 0.75rem 1.125rem}
.au_zan{width: 2.325rem;height: 2.325rem;float: left;background:url('../img/zant.png') no-repeat center;margin: 0.4rem 0.425rem 0.4rem 0.575rem;border-radius: 55%;border: 1px solid #89D8A8;background-size: 0.75rem 1.125rem}
.au_jindu{width: 13.6rem;background:#D8D8D8;border-radius: 25px;position: relative;height: 0.325rem;position: absolute;left: 3.325rem;top: 1.45rem; }
.fugai{width: 20%;height:0.325rem;background: #89D8A8;border-radius: 25px;position: absolute;left: 0;top: 0;  }
.time_info{
    position: absolute;
    width: 13.2rem;
    left: 3.4rem;
    top: 2.075rem;
    font-size: 0.6rem;
    color: #89D8A8;
    overflow: hidden;
}
.size{float: left;}
.timeshow{float: right;}
.xuhao{
    float: left;
    font-size:1.3rem;
    color: #57BA8A;
    margin-top: 0.5rem;
    margin-left: 0.85rem;
    width: 2.0rem;
    font-weight: bold;
    text-align: right;
    line-height: 1.9rem;
}
.formo_choos{clear: both;}
.formo_choos_til{display: inline-block;margin-top: 0.4rem;}
.formo_choos .timu{
    float: left;
    font-size:1.3rem;
    color: #4A4A4A;
    width: 22.5rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    text-align: justify;
    line-height: 1.9rem;
}
.timu_daan{
    font-size:1.3rem;
    color: #4990E2;
}
.xuanxiang{
    margin: 0.5rem 2.5rem 1rem 3.4rem;
}
.xuanxiang_li{
    width: 110%;margin-bottom: 0.5rem;
    overflow: hidden;
}
.xuanxiang_li_x{
    width:1.7rem;
    height: 1.7rem;
    text-align: center;
    line-height: 1.73rem;
    font-size: 1.3rem;
    
    float: left;
    border: 1px solid #4990E2;
    border-radius: 50%;
}
.xuan_nei{
    width: 20.5rem;
    float: left;
    font-size: 1.3rem;
    letter-spacing: 0;
    line-height: 1.7rem;
    margin-top: 0.1rem;
    margin-left: 0.4rem
}
.xuanxiang_li_cur{color: #4990E2; }
.tuwen_xz_r{
    overflow: hidden;
}
.tuwen_xz_r_til{
    margin-top: 0.4rem;
    overflow: hidden;
}
.tuwen_xz_r_til .timu{
    float: left;
    font-size:1.3rem;
    color: #4A4A4A;
    width: 15.725rem;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    text-align: justify;
    line-height: 1.7rem;
}
.tuwen_xz_r .tuwen_tu{
    float: left;
    width: 6.0rem;
    margin-left: 0.5rem;
    margin-top: 0.7rem;

}
.tuwen_xz_l .tuwen_tu{
    float: left;
    width: 6.0rem;
    margin-left:0.4rem;
    margin-top: 0.7rem;
}
.tuwen_tu img{
    width: 100%;
    border:5px solid #fff;
}
.tuwen_tu_x{
    width:22.5rem;
    margin:0 1.9rem 0 3.35rem;
    height: 4.125rem
}
.tuwen_tu_x img{width: 100%;
height: 100%;border:5px solid #fff;}
.tuwen_tu_shan{
    width:22.5rem;
    margin:0 1.9rem 0 3.35rem;
    padding-bottom: 2rem;
    height: 6.125rem;
    position: relative;
}
.tuwen_tu_shan img{width: 100%;
height: 100%;border:5px solid #fff;}
.tuwen_tu_shan .laji{
    width: 1.675rem;
    height:1.675rem;
    position: absolute;
    right:0.1rem;
    top: 0.6rem;
    background: #89D8A8 url('../img/laji.png') no-repeat center;
    background-size: 1.0rem 1.125rem;
    border-radius: 50%;
}
.upload_ph{
    width: 8rem;
    height: 2.0rem;
    margin: 1.0rem auto 1rem;
    border: 2px solid #89D8A8;
    border-radius: 1.25rem;
    padding-left: 4.5rem;
    background: url('../img/photo.png') no-repeat 2.5rem 0.5rem;
    background-size: 1.25rem 1.0rem;
    color: #89D8A8;
    font-size: 1.1rem;
    line-height: 2.0rem;
}
.tuwen_tu_da{
    width:22.5rem;
    margin:0.825rem 1.9rem 1.0rem 3.35rem;
    height: 6.125rem
}
.tuwen_tu_da img{width: 100%;height: 100%;border:5px solid #fff;}
.xiaoti{
    font-size: 1.3rem;
    letter-spacing: 0;
    line-height: 1.7rem;
    margin: 0rem 1rem 1rem 0.8rem;
    display: inline-block;
}
.xiaoti .xiaoti_tihao{
    width: 2.4rem;
    font-size: 1.3rem;
    color: #89D8A8;
    letter-spacing: 0;
    line-height: 1.7rem;
    float: left;
    text-align: right;
}

.xiaoti .sanjiti_tihao_layout{font-size: 1.3rem;width:2.4rem; text-align: right; color: #89D8A8;letter-spacing: 0;line-height: 2.1rem; margin-top: -0.1rem;float: left;}
.xiaoti .sanjiti_tihao{font-size: 0.9rem;width:1.3rem; height: 1.3rem; text-align: center; color: #89D8A8;letter-spacing: 0;line-height: 1.34rem;border: 1px solid #89D8A8;border-radius: 50%; display: inline-block;}


.xiaoti .xiaoti_wen{
    width: 22.825rem;
    float: left;
    margin-left: 5px;
}

.dati_daan{
    width: 24.075rem;
    background: #EEF2EF;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 1rem;
}

.dati_t{
    font-size: 1.3rem;
    color: #57BA8A;
    letter-spacing: 0;
    line-height: 1.7rem;
    margin:1.0rem 1.4rem 0.5rem;
}
.dati_zhengwen{
    font-size: 1.3rem;
    color: #57BA8A;
    letter-spacing: 0;
    line-height: 1.7rem;
    margin:0 1.4rem 1.0rem;
}
.dati_line{
    width: 100%;height: 1px;
    background:#C8D8CC;
}
.dati_tuwen_d{
    overflow: hidden;
}
.dati_tuwen_d .jiexi_tu{
    float: left;
    font-size: 0.95rem;
    color: #57BA8A;
    line-height: 1.2rem;
    width: 15.725rem;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
    text-align: justify;
}
.dati_tuwen_d .dati_tuwen{
    float: left;
    width: 6.0rem;
    margin-left: 1.5rem;
    margin-top: 0.7rem;

}

.dati_tuwen img{
    width: 100%;
    border:5px solid #fff;
}
.dati_tuwen_l{
    overflow: hidden;
}
.dati_tuwen_l .jiexi_tu{
    float: left;
    font-size: 0.95rem;
    color: #57BA8A;
    line-height: 1.2rem;
    width: 15.725rem;
    margin-top: 0.7rem;
    margin-left: 1.5rem;
    text-align: justify;
}
.dati_tuwen_l .dati_tuwen{
    float: left;
    width: 6.0rem;
    margin-left: 1.5rem;
    margin-top: 0.7rem;

}

.dati_tuwen img{
    width: 100%;
    border:5px solid #fff;
}
.zuowen_tu{width: 22.65rem;height: 5.75rem;margin: 1.4rem auto;}
.zuowen_tu img{width: 100%;height: 100%;border:5px solid #fff;}

.tishici{overflow: hidden;margin: 0 1.75rem 0 1.2rem}
.tishici_l{
    float: left;
    width: 4.0rem;
    font-size: 0.95rem;
    text-align: right;
    margin-right: 0.55rem;
    color: #4a4a4a;
}
.tishici_r{
    float: left;
    width: 20.25rem;
    font-size: 0.95rem;
    color: #4a4a4a;
}
.yaoq{overflow: hidden;margin: 0.5rem 1.75rem 0 1.2rem}
.yaoqiu{
    float: left;
    width: 4.0rem;
    font-size: 0.95rem;
    text-align: right;
    margin-right: 0.55rem;
    color: #4a4a4a;
}
.yaoqiu_juti{
    float: left;
    width: 20.25rem;
    font-size: 0.95rem;
    color: #4a4a4a;
    overflow: hidden;
}
.xuhao_yao{overflow: hidden;float: left;margin-bottom: 0.75rem;}
.xuhao_zi{width:0.75rem;float: left; }
.xuhao_hou{float: left;width: 19rem;}
.wen_ti{
    font-size: 0.95rem;
    color: #F6A623;
    line-height: 1.725rem;
    margin-left: 3.5rem
}
.fanyi_da{
font-size: 0.95rem;
color: #4A4A4A;
letter-spacing: 0;
line-height: 1.875rem;
margin:0 3.0rem;
}.list-box{float: left;}
.list-box1{margin-right:7.5rem;
margin-left: 2.125rem}
.line{position: absolute; background: #89D8A8; transform-origin: left top;-webkit-transform-origin: left top; height: 0.1rem; z-index: 2; text-align: center;}
.line_error{background: #FF366E;}
.line em{display: inline-block; width: 1.675rem; height: 1.675rem; border-radius: 50%; border: 2px solid #f6a623; position: relative; top: -0.85rem; background: #fff; background: url(../img/jd.png) no-repeat 0 0 #fff; background-size: 1.675rem 1.675rem; display: none; z-index: 999;}
.line.on{height: 0.2rem; background-color: #f6a623; vertical-align: middle; z-index: 3;}
.line.on em{display: inline-block;}
.box{margin-bottom: 1.65rem;}
.box span{display: inline-block;}
.box span.qes{width:7.475rem;  border: 0.1rem solid #89D8A8; border-radius: 100px; text-align: center;font-size: 0.95rem;color: #4A4A4A;padding: 0.5rem 0;vertical-align: middle;}
/*.box.on span.qes{background: #89D8A8; color: #fff;}*/
.box span.point.start{width: 0.975rem; height: 0.975rem; border: 0.1rem solid #89D8A8; border-radius: 50%; background: #fff; text-align: center; line-height: 0.975rem; font-family: 'Aharoni-Bold';font-size: 0.75rem;color: #89D8A8; vertical-align: middle; margin-left: -0.6rem; position: relative; z-index: 9;}
.box.on span.point.start{background: #89D8A8; color: #fff;}
.box span.point.end{width: 0.975rem; height: 0.975rem; border: 0.1rem solid #89D8A8; border-radius: 50%; background: #fff; text-align: center; line-height: 0.975rem; font-family: 'Aharoni-Bold';font-size: 0.75rem;color: #89D8A8; vertical-align: middle; margin-left: -8rem;}
.box.on span.point.end{background: #89D8A8; color: #fff;}
.box span.point.on{color: #f6a623 !important; border-color:#f6a623; background: #fff !important;}
.pop{position: fixed; height: 100%; width: 100%; left: 0; top: 0; display: none; _z-index: 11}
/*三行*/

.line3 .list-box{margin-right: 3.5rem;}
.line3 .box span.point.end{margin-left: -6.7rem;}
.line3 .box3 span.point.end{margin-left: -6.2rem;}
.line3 .box span.qes{width: 5.4rem;}
.line3 .list-box.box3{margin-right: 0;}
.xiaoti .tuwen_tu {
    float: left;
    width: 6.0rem;
    margin-left: 0.4rem;
    margin-top: 0; 
}
.xiaoti .timu {
    float: left;
    font-size: 1.3rem;
    color: #4A4A4A;
    width: 14.725rem;
    margin-top: 0;
    margin-left: 0.5rem;
    text-align: justify;
    line-height: 1.9rem;
}
.biaoti_da {
    font-size: 1.3rem;
    color: #000000;
    letter-spacing: 0;
    line-height: 1.9rem;
    margin: 0.75rem 1.0rem 0.75rem 3.25rem;
    overflow: hidden;
}
.biaoti_da_a{
    font-size: 1.3rem;
    color: #89D8A8;
    letter-spacing: 0;
    line-height: 1.9rem;
    float: left;
    margin-right: 5px;
}
.biaoti_da_b{float: left;}
.biaoti_da_c{float: left;width: 19rem}

.xuanxiang1{
    margin: -0.7rem 1.85rem 1rem 3.5rem;
}
.xuanxiang1 .xuanxiang_li{
    width: 110%;margin-bottom: 0.5rem;
    overflow: hidden;
}
.xuanxiang1 .xuanxiang_li_x{
    width:1.7rem;
    height: 1.7rem;
    text-align: center;
    line-height:1.73rem;
    font-size: 1.3rem;
    
    float: left;
    border: 1px solid #4990E2;
    border-radius: 50%;
}
.xuanxiang1 .xuan_nei{
    width: 20rem;
    float: left;
    font-size: 1.3rem;
    letter-spacing: 0;
    line-height: 1.6rem;
    margin-top: 0.13rem;
    margin-left: 0.4rem
}
.xuanxiang1 .xuanxiang_li_cur{color: #4990E2; }


/* 完型填空-s */
.wanxing{
    width: 100%;
    height:100%;
    background: #c8d8cc;
    overflow: hidden;
}
.wanxing_con{
    width: 28.1rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 1.0rem;
    margin-bottom: 1.0rem;
    background: #fff;
}
.ydlj_con{
    width: 28.1rem;
    overflow: hidden;
    margin: 0 auto;
    background: #fff;
    margin-top: 0.5rem;
}
.wanxing_p_t{
    font-size: 1.5rem;
    color: #57BA8A;
    height: 3.175rem;
    line-height: 3.175rem;
    border-bottom: 1px solid #C8D8CC;
    text-align: center;
}
.wanx_h2{
    float: left;
    font-size:1.8rem;
    color: #89d8a8;
    text-align: center;
    width: 100%;
    margin-top: 1.25rem;
}
.wanx_cont{
    width: 25.9rem;
    height: 22.5rem;
    overflow: hidden;
    overflow-y: auto;
    margin: 0 auto;
    font-size: 1.3rem;
    color: #4A4A4A;
    line-height: 1.9rem;
    position: relative;
    padding-top: 1.0rem;
    padding-bottom: 2.5rem;
}
.wanx_cont_p{margin: 0;padding: 0;list-style: none;}
.t_block_x{
    width: 100%;height:3px;background:#C8D8CC;
    position: absolute;
    top: 0.5rem;
}
.c_block{
    height: 10.45rem;
    background: #fff;
    overflow: hidden;
    overflow-y: auto
}
.t_block{
    width: 27.9rem;
    height: 1.075rem;
    background: url('../img/tuo1.png') no-repeat center;
    background-size:3.325rem 100%;
    overflow: hidden;
    position: absolute;
    margin: 0 auto;
    z-index: 99999
}
.t_block_l{
    width:28.1rem;height:1.085rem;background:#fff;
    position: absolute;
}
/* .mengc{
    width: 25.825rem;
    height: 3.5rem;
    position: absolute;
    bottom: 0;
    left: 0;

    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));
} */
.mengc1{
    width: 28.1rem;
    height: 3rem;
    position: absolute;
    bottom: 0.6rem;
    left: 0rem;

    background: -webkit-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));
    background: -moz-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));
    background: -o-linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));
    background:linear-gradient(rgba(255,255,255,0.1),rgba(255,255,255,1));
    z-index: 888
}
.c_block_timu{
font-size: 0.95rem;
color: #57BA8A;
letter-spacing: 0;
line-height: 0.875rem;
margin-top: 1.75rem;
margin-left: 1.15rem;
}
.wx_xuanxiang{
    margin-top: 1.75rem;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
}
.wx_xuanxiang_li{
    width: 11.0rem;
    float: left;
    margin-bottom: 1.375rem;
}
.wx_xuanxiang_li .xuanxiang_li_x{
    width: 1.7rem;
    height: 1.7rem;
    text-align: center;
    line-height: 1.73rem;
    font-size: 1.3rem;
    float: left;
    border: 1px solid #4990E2;
    border-radius: 50%;
}
.wx_xuanxiang_li .xuan_nei{
    width: 8.5rem;
}
.wx_xuanxiang_li_cur .xuanxiang_li_x{
    background: #4990E2;
    color: #fff;
}
.wx_blank_cur{font-weight: bold;font-size: 1.6rem;}
.chuxian_right{padding: 0 0.7rem;border-bottom: 1px solid #000;display: inline-block;text-align: center;text-indent: 0;color: #00CC46;line-height: 1.35rem}
.chuxian_error{padding: 0 0.7rem;border-bottom: 1px solid #000;display: inline-block;text-align: center;text-indent: 0;color: #FF366E;line-height: 1.35rem}
.tr_false1{
    overflow: hidden;
    height:3.5rem;
    z-index: 99999;
    margin: 1.0rem 0 1.25rem 3rem
}
.tr_false1 .right_en {
    background: #fff url(../img/right.png) no-repeat center;
    background-size: 88% 88%;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
    float: left;
    margin: 0 0.5rem;
    margin-top: 10px;
}
.tr_false1 .bandui {
    background: #fff url(../img/bandui.png) no-repeat center;
    background-size:1.475rem 1.025rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
    float: left;
    margin: 0 0.5rem;
    margin-top: 10px;
}
.tr_false1 .error_en {
    background: #fff url(../img/error.png) no-repeat center;
    background-size: 75% 75%;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    float: left;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
    margin: 0 0.5rem;
    margin-top: 10px;
}
.tr_false1 .bandui_cur{
    background: #89d8a8 url(../img/bandui1.png) no-repeat center; 
    background-size:1.475rem 1.025rem;
    box-shadow: none;
}
.tr_false1 .error_en_cur{
    background: #89d8a8 url(../img/error1.png) no-repeat center; 
    background-size:2.05rem 2.1rem;
    box-shadow: none;
}
.tr_false1 .right_en_cur{
    background: #89d8a8 url(../img/right1.png) no-repeat center; 
    background-size:1.475rem 1.025rem;
    box-shadow: none;
}
.small_q_sco {
    height: 2.7rem;
    margin: 0.825rem 0 0 3.575rem;
}
.small_q_sco .small_q_dtil {
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);
    margin-right: 0.8rem;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.3rem;
}
.small_q_sco .ye_active {
    background: #89d8a8;
    color: #fff;
    box-shadow: none;
}
.jubu{
    position: relative;
    display: inline-block;
}
.panduan_d{
    position: absolute;
    width: 6.125rem;
    height: 2.5rem;
    left:50%;
    margin-left:-3.06rem;
    top: .85rem;
    z-index: 99999;
}
.panduan_d .right_en {
    background: #fff url(../img/right.png) no-repeat center;
    background-size: 88% 88%;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-shadow: 0px 0px 40px #ccc;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.panduan_d .bandui {
    background: #fff url(../img/bandui.png) no-repeat center;
    background-size:1.475rem 1.025rem;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    box-shadow: 0px 0px 40px #ccc;
    float: left;
    margin: 0 0.75rem;
    margin-top: 10px;
}
.panduan_d .error_en {
    background: #fff url(../img/error.png) no-repeat center;
    background-size: 75% 75%;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    float: left;
    box-shadow: 0px 0px 40px #ccc;
    margin-top: 10px;
    margin-left: 10px;
}
.pan_wx{
    width: 25.825rem;
    overflow: hidden;
    margin: 0 auto;
    line-height: 1.75rem;
    padding-bottom: 2.5rem;
    font-size: 1.3rem;
    color: #4A4A4A;
}
.pan_wx_p{
    text-indent: 1.25rem;
}
.jubu_cur{
    color: #4990E2;
}


/* .wanx_cont::-webkit-scrollbar-track-piece {
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(0, 0, 0, 0);
}
.wanx_cont::-webkit-scrollbar {
  width: 5px;
  height: 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.wanx_cont::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height: 28px;
}
.wanx_cont::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
} */
.xuanxiang_li_cur .xuanxiang_li_x{
    color: #fff;background: #4990E2
}
.pan_jieguo{
    position: absolute;
    width: 1.75rem;
    height: 1.75rem;
    left: 50%;
    margin-left: -0.86rem;
    top: 0;
    z-index: 9999;
}
.pan_dui{
    background:url(../img/dui1.png) no-repeat center;
    background-size: 88% 88%;
    width: 1.75rem;
    height: 1.75rem;
    float: left;
}
.pan_cuo{
    background:url(../img/cuo1.png) no-repeat center;
    background-size: 88% 88%;
    width: 1.75rem;
    height: 1.75rem;
    float: left;
}
.chuxian_x{padding: 0 0.7rem;border-bottom: 1px solid #000;display: inline-block;text-align: center;text-indent: 0; line-height: 1.0rem}
.yizhi1{margin:1.0rem 1.8rem 0 1.25rem;font-size: 1.3rem; text-align: justify;line-height: 1.9rem;}
.yizhi1_j{margin:0.5rem 1.5rem 0rem 3.4rem;font-size: 1.3rem;line-height: 1.9rem;}
.c_block .xiaoti_tihao1{font-size: 1.4rem;
    color: #89D8A8;
    letter-spacing: 0;
    font-weight: bold;
    float: left;    line-height: 1.7rem;}

.bianji_w{float: right;width: 3.475rem;height: 2.0rem;background: #89d8a8 url('../img/bi.png') no-repeat 0.625rem 0.5rem;border-radius: 25px;margin-right: 2.4rem;margin-top: 0.75rem;margin-bottom: 1.5rem;background-size: 1.0rem 1.0rem;color: #fff;padding-left: 2.1rem;line-height: 2.0rem;font-size: 1.2rem;display: none}
.bianji_wan{float: right;width: 3.475rem;height: 2.0rem;background: #89d8a8 url('../img/wan.png') no-repeat 0.625rem 0.5rem;border-radius: 25px;margin-right: 2.4rem;margin-top: 0.75rem;margin-bottom: 1.5rem;background-size: 1.0rem 1.0rem;color: #fff;padding-left: 2.1rem;line-height: 2.0rem;font-size: 1.2rem;}  
.big_category_name{padding-top:1rem;padding-bottom: 1rem; color: #75C29A; font-weight: bold; font-size: 1.4rem;text-align: center;}  
.audio_disable{background:rgba(114,167,153,0.7);position: absolute; width:17.825rem;height: 3.175rem;border-radius: 2.5rem;}
.audio_disable .disable_img{position: absolute; height: 1rem; left:6.5rem;top: 1.0rem;}
.audio_disable .disable_text{position: absolute; left:7.9rem;top: 0.9rem;color:#fff;font-size:1.1rem; font-weight: bold;}
._blank{padding: 0 0.2rem}
.editing{padding: 0 0.15rem 0 0.2rem}
.blank_imgs{padding: 0 0.4rem}
.blank_imgs_has_imgs{padding: 0 0rem}
.no_answer_jdt{width: 22.5rem; margin: 0 1.9rem 0 3.35rem; padding-bottom: 2rem; height: 6.125rem; position: relative;}
.no_answer_jdt .no_answer_jdt_main{border: 5px solid #FFF;width: 100%;height: 100%; background-color: #dce6de;}
.no_answer_jdt .no_answer_jdt_main .content{margin-top: 1.5rem;text-align: center;}
.no_answer_jdt .no_answer_jdt_main .content img{height: 3rem; width: 2.8rem;}
.no_answer_jdt .no_answer_jdt_main .content .span_text{font-size: 1.4rem; color: #AABDAE; font-weight: bold;margin-left: 0.5rem;vertical-align: middle;}

.jdt_judge_result_right{width: 2.05rem;height: 2.1rem;position: absolute;right:0.6rem;top: 5px;background: url('http://static.51zuoyeben.cn/static/img/task_jdt_dui.png') no-repeat center;background-size: 100% 100%;}
.jdt_judge_result_error{width: 2.05rem;height: 2.1rem;position: absolute;right:0.6rem;top: 5px;background: url('http://static.51zuoyeben.cn/static/img/task_jdt_cuo.png') no-repeat center;background-size: 100% 100%;}
.jdt_judge_result_bandui{width: 2.05rem;height: 2.1rem;position: absolute;right:0.6rem;top: 5px;background: url('http://static.51zuoyeben.cn/static/img/task_jdt_bandui.png') no-repeat center;background-size: 100% 100%;}
.jdt_judge_result_fenshu{width: 2.05rem;height: 2.1rem;position: absolute;right:0.6rem;top: 5px;background: url('http://static.51zuoyeben.cn/static/img/task_jdt_fenshu.png') no-repeat center;background-size: 100% 100%;text-align: center;color: white;}
.jdt_judge_result_fenshu .score{font-size: 1.2rem;}
.jdt_judge_result_fenshu .score_title{font-size: 0.8rem;}

.tingli_container{width:22rem;height: 3.225rem;background:#89D8A8; margin:1.275rem auto 0;    border-radius: 2.5rem;}
.tingli_container_noyuanwen{width:17.825rem; height: 3.225rem; background:#89D8A8; margin:1.275rem auto 0;    border-radius: 2.5rem;}
.tingli_main{border:none;background:#fff;margin: 0 0 0 0;float:left}
.tingli_main_noyuanwen{border: 1px solid #89D8A8;background:#fff;margin: 0 0 0 0;float:left}
.tingli_disable{border:none;background:rgba(243,233,233,0.7);margin: 0 0 0 0;float:left}

/* 文字居右显示 */
.houzhui{width:100%;text-align: right;margin-right: 1.4rem;line-height:1.7rem;display: inline-block; }
.center{width:100%;text-align: center;line-height:1.7rem;display: inline-block;}

.no_content_judge_right{background:url(http://static.51zuoyeben.cn/static/img/right.png) no-repeat 18rem center; background-size: 2.5rem 2.5rem;}
.no_content_judge_error{background:url(http://static.51zuoyeben.cn/static/img/error.png) no-repeat 18rem center; background-size: 2.5rem 2.5rem;}

.tingli_yuanwen_span{line-height: 3.225rem; color:#fff;float:left;margin-left:0.5rem;font-size:0.95rem}
        .wx_xuanxiang_display{margin-top: 0.65rem; margin-left: 4rem; margin-right: 1.5rem;}

        .wx_xuanxiang_li_error{color: #FF366E}
        .wx_xuanxiang_li_right{color: #00CC46}
        .wx_xuanxiang_li_error .xuanxiang_li_x{background: #FF366E;color: #fff;border: 1px solid #FF366E;}
        .wx_xuanxiang_li_right .xuanxiang_li_x{background: #00CC46;color: #fff;border: 1px solid #00CC46;}
    </style>

    <script type="text/javascript" src="http://static.51zuoyeben.cn/static/js/jquery-3.2.0.min.js"></script>
    <script type="text/javascript" src="http://static.51zuoyeben.cn/static/js/resize_page.js"></script>

</head>
<body>

<div class="wanxing">
    <div class="wanxing_con">
        <p class="wanxing_p_t">完形填空</p>

        <div class="wanx_cont" id="wanx_cont">
                                                                                                                                                                                                                                                                                                                                            <p class="wx_lis_que">七&nbsp;&nbsp;(20分) · 阅读下面的短文，根据短文内容选择最佳答案。</p>
                        <p class="wanx_cont_p">　What do you do on the weekend? Some people like to <span data-blank="32" class="wx_blank chuxian_right">32</span> at home, but others like to go <span data-blank="33" class="wx_blank chuxian_right">33</span> a walk or play football. My friend Jack works hard in a factory during the <span data-blank="34" class="wx_blank chuxian_right">34</span>. On the weekend, he always <span data-blank="35" class="wx_blank chuxian_right">35</span> the same things. On Saturday he <span data-blank="36" class="wx_blank chuxian_right">36</span> his car and on <span data-blank="37" class="wx_blank chuxian_right">37</span> he drives his family to a nearby village. His uncle and aunt have a <span data-blank="38" class="wx_blank chuxian_right">38</span> there. It isn't a big one but there's always <span data-blank="39" class="wx_blank chuxian_right">39</span> to do on the farm. The children watch the animals and give them their <span data-blank="40" class="wx_blank chuxian_right">40</span>. Jack and his wife help in the fields(田地). At the end(最终) of the day, they are all hungry(饥饿的) and Jack's aunt prepares a big <span data-blank="41" class="wx_blank chuxian_right">41</span> for them.</p>

            <div class="mengc" id="mengc"></div>
        </div>
        <div id="block" class="t_block_l">
            <div class="t_block_x"></div>

        </div>
        <div id="divider_bottom" style="height: 1.075rem; width: 27.9rem;background-color: #FFF">
        </div>
        <div class="c_block" id="c_block">
                            <div data-qid="13401" data-blank="32" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">32.</span>
                        <ol data-rqid="134" data-qid="13401" data-blank="32" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">return</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">live</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">stay</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">enjoy</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13401" data-blank="32" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">C　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13402" data-blank="33" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">33.</span>
                        <ol data-rqid="134" data-qid="13402" data-blank="33" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">to</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">for</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">in</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">at</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13402" data-blank="33" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">B　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13403" data-blank="34" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">34.</span>
                        <ol data-rqid="134" data-qid="13403" data-blank="34" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">month</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">time</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">autumn</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">week</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13403" data-blank="34" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">D　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13404" data-blank="35" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">35.</span>
                        <ol data-rqid="134" data-qid="13404" data-blank="35" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">does</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">makes</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">takes</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">has</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13404" data-blank="35" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">A　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13405" data-blank="36" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">36.</span>
                        <ol data-rqid="134" data-qid="13405" data-blank="36" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">watches</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">washes</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">repairs</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">uses</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13405" data-blank="36" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">B　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13406" data-blank="37" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">37.</span>
                        <ol data-rqid="134" data-qid="13406" data-blank="37" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">Monday</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">Sunday</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">Saturday</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">Friday</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13406" data-blank="37" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">B　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13407" data-blank="38" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">38.</span>
                        <ol data-rqid="134" data-qid="13407" data-blank="38" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">factory</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">farm</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">place</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">park</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13407" data-blank="38" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">B　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13408" data-blank="39" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">39.</span>
                        <ol data-rqid="134" data-qid="13408" data-blank="39" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">much</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">little</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">many</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">nothing</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13408" data-blank="39" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">A　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13409" data-blank="40" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">40.</span>
                        <ol data-rqid="134" data-qid="13409" data-blank="40" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">clothes</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">toys</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">food</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">money</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13409" data-blank="40" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">C　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                            <div data-qid="13410" data-blank="41" class="formo_choos atom_question" style="margin-top: 0.5rem; display: none">
                    <div class="formo_choos_til">
                        <span class="xuhao">41.</span>
                        <ol data-rqid="134" data-qid="13410" data-blank="41" class="wx_xuanxiang wx_xuanxiang_display">
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">A</span>
                                    <span class="xuan_nei">breakfast</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">B</span>
                                    <span class="xuan_nei">lunch</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li wx_xuanxiang_li_cur">
                                    <span class="xuanxiang_li_x">C</span>
                                    <span class="xuan_nei">dinner</span>
                                </li>
                                                                                            <li class="wx_xuanxiang_li ">
                                    <span class="xuanxiang_li_x">D</span>
                                    <span class="xuan_nei">dish</span>
                                </li>
                                                    </ol>
                    </div>
                    <div data-qid="13410" data-blank="41" class="wx_answer">
                        <div class="dati_daan" ><p class="dati_t">答案：</p><p class="dati_zhengwen">C　</p></div>
                    </div>
                    <div style="width: 100%; height: 1rem;"></div>
                </div>
                    </div>
    </div>
</div>
<script>

    $(document).ready(function(){
        var mengc = document.getElementById("mengc");
        var g_hei=$('.wanx_cont').height();
        var g_hei11=$('.c_block').height();

        var globalHeight = $(window).height();
        var titleHeight = $(".wanxing_p_t").height();
        var headerPadding = $(".wanx_cont").outerHeight() - $(".wanx_cont").height();
        var btHeiht = globalHeight - titleHeight - $(".wanxing_con").offset().top * 2 - headerPadding - $("#divider_bottom").height() - 1;//内容和题目占用的空间

        $('#wanx_cont').height(btHeiht - $('#c_block').height());

        function xdi(){
            $('.wanx_cont').scroll(function() {
                var gd = $(".wanx_cont").scrollTop();
                var re_gd=-gd+'px';
                mengc.style.bottom=re_gd;
                console.log(gd)
                console.log(re_gd)
            });
        }
        function datibu(){
            $('.c_block').scroll(function() {
                var gd1 = $(".c_block").scrollTop();
                var re_gd1=gd1+'px';
                block.style.top=re_gd1;
                console.log(gd1)
                console.log(g_hei11)
            });
        }
        xdi();

//        datibu();

        var index = 0;

        $(".atom_question").hide();
        $(".wx_answer").hide();
        $(".atom_question").eq(index).show();
        $(".wx_answer").eq(index).show();
        $(".wx_blank").eq(index).addClass("wx_blank_cur");
//        $(".c_block_timu").html("第"+$(".wx_xuanxiang").eq(index).attr('data-blank')+"题");

        $(".wx_blank").click(function(){
            $(".atom_question").hide();
            $(".wx_answer").hide();
            var blankIndex = $(this).attr('data-blank');
            $(".wx_blank").removeClass("wx_blank_cur");
            $(this).addClass("wx_blank_cur");
//            $(".c_block_timu").html("第"+blankIndex+"题");
            $(".atom_question[data-blank="+blankIndex+"]").show();
            $(".wx_answer[data-blank="+blankIndex+"]").show();
            //
        });

    });
    $(".atom_question img").click(function(){
        var src = $(this).attr("src");
        if(src.indexOf('http://static.51zuoyeben.cn/static/img/') == -1 && src.indexOf("data:image") == -1) {
            bridge.displayImage(src);
        }
    });
</script>
</body>
</html>